<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>visit-plan</title>
    <link href="../../../styles/common.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../../../vendors/iview/css/iview.css">
    <link rel="stylesheet" href="components/count-bar/count-bar.css">
    <link rel="stylesheet" href="components/status-bar/status-bar.css">
    <link rel="stylesheet" href="components/plan-sidebar/plan-sidebar.css">
    <link rel="stylesheet" href="components/plan-table/plan-table.css">
    <style>
        #app {
            padding: 20px;
        }
    </style>
</head>
<body style="background: #F6F8F9">
<div id="app">
    <plan-table></plan-table>
</div>
<script src="../../../vendors/require.js"></script>
<script src="../../../common/config/require-config.js"></script>
<script>
//    require.config({
//        paths: {
//            'jquery': '../../../vendors/jquery-3.2.1.min',
//            'vue': '../../../vendors/vue/vue.min',
//            'iview': '../../../vendors/iview/js/iview',
//            'lodash': 'https://cdn.bootcss.com/lodash.js/4.17.4/lodash',
//            'api': '../../../api/api-config',
//            'CryptoJS':'../../vendors/crypto-js',
//            'plan-table': './components/plan-table/plan-table',
//            'plan-sidebar': './components/plan-sidebar/plan-sidebar',
//            'status-bar': './components/status-bar/status-bar',
//            'count-bar': './components/count-bar/count-bar'
//        }
//    });

    require([
        'vue',
        'iview',
        'visit-plan/plan-table',
    ], function (Vue, iview, PlanTable) {
        Vue.use(iview);
        new Vue({
            el: '#app',
            data: {},
            components: {
                PlanTable: PlanTable
            }
        })
    });
</script>
</body>
</html>
